<!--异步组件-->
<script setup lang="ts">
import {defineAsyncComponent} from "vue";

const SyncVue = defineAsyncComponent(() => import('./Syncccc.vue'))
// const SyncVue = defineAsyncComponent({
//   loadingComponent:()=>import('./Syncccc.vue'),
//   errorComponent:()=>import('./Syncccc.vue') ,
//   timeout: 5000
// })
</script>

<template>
  <Suspense>
    <!--  加载后展示组件-->
    <template #default>
      <SyncVue></SyncVue>
    </template>
    <!--  加载过程中展示组件间-->
    <template #fallback>
      <div style="width: 80%;height:300px;background: chartreuse;font-size: 50px">正在等待响应</div>
    </template>
  </Suspense>
</template>

<style scoped lang="scss">

</style>